.plus-page {
 display: flex;
 flex-direction: column;
 background: #F0F0F0;
 height: 100vh;
}
.plus-content{
  .plus-swiper{
    height: 500rpx;
    swiper{
      width: 100%;
      height: 100%;
      image{
        border-radius: 0 0 16rpx 16rpx;
      }
    }
  }
  .skip{
    position: relative;  /* 新增 */
    z-index: 10;         /* 新增，保证高于 swiper */
    margin: -40rpx 33rpx 33rpx 33rpx;
    padding: 42rpx 30rpx;
    background: #F7FAF8;
    border-radius: 16rpx;
    .authenticate-box{
      display: flex;
      justify-content: space-between;
      .online{
        background: url("../../assets/plus/bg1.png");
        background-size: 100% 100%;
        padding: 49rpx 30rpx 45rpx 25rpx;
        .title{
          font-weight: bold;
          font-size: 25rpx;
        }
        .dsc{
          color: #A6A4A4;
          font-size: 8rpx;
        }
        .jump{
          .photo{
            height: 150rpx;
            width: 150rpx;
            margin-top: 23rpx;
            margin-right: 30rpx;
          }
          .icon{
            height: 70rpx;
            width: 70rpx;
          }
        }
      }
    }

  }
  .up-article{
    background: url("../../assets/plus/bg2.png");
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 14rpx ;
    padding: 38rpx 30rpx 0 25rpx;
    .up-type{
      width: 33.3%;
      .title{
        font-weight: bold;
        font-size: 25rpx;
      }
      .dsc{
        color: #A6A4A4;
        font-size: 8rpx;
      }
    }
    .up-jump{
      width: 33.3%;
      .photo{
        height: 150rpx;
        width: 180rpx;
      }

    }
    .up-icon{
      width: 33.3%;
      display: flex;
      align-items: center;
      justify-content: right;
      .icon{
        height: 70rpx;
        width: 70rpx;
      }
    }
  }
}
